<extend name="Online/base"/>
<block name="css"><link rel="stylesheet" href="__ONLINE__/css/detail.pkg.css"></block>
<block name="body">
<style type="text/css">
/* 
.g-bd ul.row-category li { width:50%; }
.g-bd .u-popup-category ul li{ height:.4rem; }
.g-bd .u-popup-category ul li a{  padding: .05rem .10rem; background:#f6f6f6; } 
*/
.g-bd .row-goods-list ul li .img{ display:inline; }
</style>
    <!-- 主体 -->
    <div class="g-bd">
        <!-- 面包屑 -->
        <ul class="row row-category">
            <li v-on:click="showZoneList" v-bind:class="{'open': zone_active, 'close': !zone_active}">
                <div>
                    <a class="text" v-text="zone_active_name"></a>
                    <a class="icon"></a>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li v-on:click="showCategoryList(zone_active_id, zone_active_name)" v-bind:class="{'open': category_active, 'close': !category_active}">
                <div>
                    <a class="text" v-text="category_active_name"></a>
                    <a class="icon"></a>
                    <div class="clearfix"></div>
                </div>
            </li>
        </ul>
        <!-- 面包屑 -->

        <div class="u-popup-category" v-show="menu_show">
            <ul v-show="zone_show" transition="move">
                <li><h1>区域</h1></li>
                <li v-for="item in menu">
                    <a v-bind:class="{'active': item.zone_id == zone_active_id }" v-on:click="showCategoryList(item.zone_id, item.zone_name)" v-text="item.zone_name"></a>
                </li>
            </ul>

            <ul v-show="category_show" transition="move">
                <li><h1>品类</h1></li>
                <li v-for="item in category_active_list">
                    <a v-bind:class="{'active': item.category_id == category_active_id }" v-on:click="showShopList(item.category_id, item.category_name)" v-text="item.category_name"></a>
                </li>
            </ul>

            <ul v-show="shop_show" transition="move">
                <li><h1>店铺</h1></li>
                <li v-for="item in shop_active_list">
                    <a v-bind:class="{'active': item.shop_id == shop_active_id }" v-bind:href="item.shop_link" v-text="item.shop_name"></a>
                </li>
            </ul>
        </div>

        <div class="row row-zone">
            <h1>现场位置及区域</h1>
            <h2>{$shop_info.online_shop_address|htmlspecialchars}</h2>
        </div>

        <div class="row row-sale">
            <h1>促销优惠</h1>
            <p>{$shop_info.online_shop_policy|htmlspecialchars}</p>
        </div>
		
		<notempty name="goods_list">
        <div class="row row-goods-list">
            <img data-echo="__ONLINE__/img/4_p_a.jpg">
            <ul>
				<volist name="goods_list" id="vo">
                <li>
                    <a class="img">
                        <img  data-echo="{$vo.online_goods_pic|getPictureThumb=###,414,414}"><!-- getPictureThumb=###,414,414 -->
                    </a>
                    <a class="title">{$vo.online_goods_name|htmlspecialchars}</a>
                    <p align="center">
                        <a class="price-1">市场价: ￥{$vo.market_price}</a>
                        <a class="price-2">家博会价: <if condition="$vo['activity_price'] eq 0"><font color="#f00">劲爆价现场揭晓</font><else />￥{$vo.activity_price}</if></a>
                    </p>
                    <range name="vo.online_goods_id" value="$my_collection_ids" type="in">
	                    <a class="btn-buy" style="background:#aaa;">
	                    	<span class="icon-buy"></span>
	                       	<span class="text">已收藏</span>
	                    </a>
                    <else />
                    	<a href="{:U('Online/collectionAdd', array('goods_id' => $vo['online_goods_id'], 'shop_id' => $vo['online_shop_id']))}" class="btn-buy">
	                        <span class="icon-buy"></span>
	                       	<span class="text">收藏宝贝</span>
	                    </a>
                    </range>
                </li>
                </volist>
                
            </ul>            
        </div>
        </notempty>

    </div>
    <!-- /主体 -->
</block>
<block name="js">
    <script type="text/javascript">
    var menu = {$zone_category_list|default=''};
    var zone_id = {$shop_info.zone_id};
    var zone_name = '{$shop_info.zone_id|getOnlineZoneName}';
    var category_id = {$shop_info.online_category_id};
    var category_name = '{$shop_info.online_category_id|getOnlineCategoryName}';
    var shop_id = {$shop_info.online_shop_id};
    </script>
    <script type="text/javascript" src="__ONLINE__/js/detail.pkg.js"></script>
</block>